.field-wrapper {
    display: flex;
    align-items: center;
    position: relative;

    .field-control {
        position: relative;
        flex: 1;
        display: flex;
        color: #303133;
        align-items: center;
    }

    .error-tip {
        position: absolute;
        bottom: 0;
        left: 108px;
        color: #ff0000;
        font-size: 12px;
        transform: translateY(100%);
    }

    .error-top-nolabel {
        left: 0;
    }

    .content {
        width: 100%;
    }
}

.label {
    flex-shrink: 0;
    width: 100px;
    text-align: right;
    margin-right: 8px;
    color: #909399;
    font-size: 14px;
}

.has-form-error {
    .border-form-item {
        border-color: #ff0000;
    }
}

.popover-content {
    padding: 8px 12px;
    max-width: 480px;
}

.font-red {
    color: #FF4C52;
}

.font-bule {
    color: #3399FF;
}

.icon-data-change {
    color: #ff0000;
}